body {
				font-family: Arial, sans-serif;
				margin: 0;
				padding: 0;
				background-color: #f5f5f5;
				color: #333;
				overflow-x: hidden !important; /* Nasconde eventuali overflow orizzontali */
			}

			header {
				background-color: #9EBC7A; 
				color: white;
				padding: 20px;
				text-align: center; /* Ritorna al centro */
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			
			header h1 {
				margin: 0;
				color: white; /* Ritorna in bianco */
			}

			header nav {
				display: flex;
				gap: 15px;
			}

			header nav a {
				color: white;
				text-decoration: none;
				font-weight: bold;
			}

			header nav a:hover {
				text-decoration: underline;
			}

			.main-image {
				width: 100%;
				height: auto;
				background-size: cover;
				background-position: center;
				margin-bottom: 20px;
				position: relative; /* Posizionamento relativo per il titolo */
			}
			
			.main-image img{
				width: 100%;
				height: auto;
				object-fit: cover;
			}

			.main-image h2 {
				position: absolute; /* Posizionamento assoluto per sovrapporre l'immagine */
				top: 20px; /* Margine superiore */
				left: 20px; /* Margine sinistro */
				color: orange; /* Colore del titolo */
				margin: 0; /* Rimuove margini predefiniti */
			}

			.description {
				display: flex;
				align-items: center;
				margin-top: -10px !important;
				padding-left: 20px;
				padding-right: 20px;
				padding-bottom: 20px;
			}


			.three-boxes {
				display: flex;
				justify-content: space-around;
				width: 100%;
				
			}

			.three-boxes .box {
				text-align: center;
				width: 500px;
				background-color: rgba(158, 188, 122, 0.15); /* 15% trasparenza */
				padding: 20px;



			}
			
			.box-center {
				margin-left:2%;
				margin-right:2%;
			}
			
			.three-boxes .box p{
				text-align: justify !important;
				/*padding: 0px 3% 0px 3%;*/
			}

			.three-boxes .box img {
				max-width: 100%;
				height: auto;
			}
			
			
			.doc-boxes {
				display: flex;
				justify-content: space-around;
			}

			.doc-boxes .box {
				text-align: center;
				width: 30%;
					background-color: rgba(158, 188, 122, 0.15); /* 15% trasparenza */
				padding: 10px;
			}

			.doc-boxes .box img {
				max-width: 100%;
				height: auto;
			}

			

			

			.operators {
				text-align: center; /* Centra il titolo e il contenuto */
			}

			.operator-container {
				display: flex;
				align-items: center; /* Centra verticalmente il contenuto */
				justify-content: flex-start; /* Allinea a sinistra */
				width: 40%; /* Larghezza fissa per ogni riquadro */
				padding: 10px; /* Padding interno */
				margin: 20px auto; /* Margine automatico per centrare */
			}

			.operator img {
				border-radius: 50%;
				width: 100px; /* Dimensione dell'immagine aumentata */
				height: 100px; /* Dimensione dell'immagine aumentata */
				object-fit: cover;
				margin-right: 20px; /* Spazio tra immagine e nome */
			}

			.operator h3 {
				margin: 0; /* Rimuove margini predefiniti */
			}

			.operator-description {
				text-align: left; /* Allinea il testo della descrizione a sinistra */
			}


			.documents {
				text-align: center;
			}

			.documents ul {
				list-style: none;
				padding: 0;
			}

			.documents ul li {
				margin-bottom: 10px;
			}

			.documents ul li a {
				text-decoration: none;
				color: #007bff;
			}

			.documents ul li a:hover {
				text-decoration: underline;
			}

			footer {
				background-color: #9EBC7A;
				color: white;
				text-align: center;
				padding: 10px;
			}
			
			.p-footer{
				font-size:12px !important;
				text-align: center;
				margin-bottom: 0 !important; /* Rimuove il margine sotto ogni paragrafo */
				padding-bottom: 0 !important; /* Rimuove eventuale padding */
				line-height: 0.5 !important;
			}
			
			.h3-footer{
				font-size:18px;
				text-align: center;
				color:white;
			}
			
			.a-footer{
				font-size:20px;
			}
			
			.span-footer-coranto{
				font-size:12px;
			
			}

			.map {
				text-align: center;
			}

			.map iframe {
				width: 100%;
				height: 300px;
				border: 0;
			}
			.main-site{
				padding-left: 60px;
				padding-right: 60px;
			}

			.h3-box{
				text-align: center;
			}
			.h3-doc{
				text-align: center;
				font-size: 20px;
			}
			
			/* Titoli specifici */
			 h2 {
				text-align: left; /* Allinea a sinistra */
				color: #9EBC7A; 
				font-size:22px;
				margin-left: 15px; /* Margine a sinistra per i titoli */
			}
			
			 h3 {
				text-align: left; /* Allinea a sinistra */
				color: #9EBC7A; 
				font-size:22px;
				margin-left: 15px; /* Margine a sinistra per i titoli */
			}

			h1{
				font-size:25px;
				/*	margin-left: 20px; /* Margine a sinistra per i titoli */
			}



			}
			.description h2, 
			.operators h2, 
			.documents h2, 
			.map h2 {
				text-align: left; /* Allinea a sinistra */
				color: #9EBC7A; 
				margin-left: 20px; /* Margine a sinistra per i titoli */
			}
			
			.align-images-text {
				display: flex;
				align-items: center;
				justify-content: center;
			}


			@media screen and (max-width: 768px){
			
			
				.box-center{
					margin-left:0px;
					margin-right:0px;
				}
			
			.three-boxes .box img {
				width: 100% !important;
				height: auto;
			}
			
				.align-images-text img {
					width: 90px; /* Riduci le immagini per schermi più piccoli */
				}

			.three-boxes .box p{			
				text-align: justify !important;
				padding-right:3%;
			}

				.social-icon {
					width: 20px;  /* Nuova larghezza per icone sui dispositivi mobili */
					height: 20px; /* Mantieni l'altezza proporzionata */
				}


				/* Modifica solo per la sezione specifica con l'immagine e la descrizione */
				.description {
					flex-direction: column; /* Disposizione verticale solo per questa sezione */
					display: flex;
					text-align: left
					margin-top: -20px;
						padding-left: 20px;
					padding-right: 5px;
					padding-bottom: 5px;
				}

				.h3-box{
					text-align: left !important;
					margin-left: 0px !important; 
				}
				.h3-doc{
					text-align: center !important;
					font-size: 20px;

				}
				
				.doc-boxes .box img {
					max-width: 20%;
					height: auto;
				}

				.doc-boxes {
					align-items: center;
					display: flex;
					justify-content: space-around;
					margin-right: 20px;
				}

				p {
					font-size: 13px !important;
					text-align: left !important;
				}
				
				.doc-boxes .box {
					text-align: center;
					background-color: rgba(158, 188, 122, 0.15); /* 15% trasparenza */
					padding: 10px;
					width: 480px !important;
					height: 165px !important;
				}

				

				.main-site{
					padding-left: 0px;
					padding-right: 0px;
				}

				.operator-container {
					display: flex;
					align-items: left; /* Centra verticalmente il contenuto */
					justify-content: flex-start; /* Allinea a sinistra */
					width: 88%; /* Larghezza fissa per ogni riquadro */
					padding: 10px; /* Padding interno */
					margin-left: 20px; /* Margine automatico per centrare */
				}

				

				.description img {
					width: 100%; /* L'immagine prende tutta la larghezza */
					margin-bottom: 20px; /* Spazio tra immagine e testo */
				}

				.description div {
					width: 100%; /* Il testo prende tutta la larghezza */
				}

				.operator-container {
					display: flex;
					align-items: center; /* Centra verticalmente il contenuto */
					justify-content: flex-start; /* Allinea a sinistra */
					width: 80%; /* Larghezza fissa per ogni riquadro */
					padding: 10px; /* Padding interno */
					margin: 10px auto; /* Margine automatico per centrare */
				}

				.doc-boxes {
					flex-direction: column; /* Cambia la direzione del flex per renderle verticali */
					padding-left:20px;
				}

				.doc-boxes .box {
					width: 90%; /* Imposta una larghezza per le box */
					margin-bottom: 20px; /* Spazio tra le box */
					align-items: left; /* Centra le box orizzontalmente */

				}

				/* Per le box delle attività */
				.three-boxes {
					flex-direction: column; /* Cambia la direzione del flex per renderle verticali */
					padding-left:8px;
				}

				.three-boxes .box {
				width: 90% ;
					margin-bottom: 20px; /* Spazio tra le box */
					align-items: left; /* Centra le box orizzontalmente */

				}

				.header-a{
					font-size:12px;
					margin-left:10%;

				}
				
			h2 {
				text-align: left; /* Allinea a sinistra */
				color: #9EBC7A; 
				font-size:23px !important;
				margin-left: 15px; /* Margine a sinistra per i titoli */
			}
			
			.p-footer{
				font-size:12px !important;
				text-align: center !important;
				margin-bottom: 0 !important; /* Rimuove il margine sotto ogni paragrafo */
				padding-bottom: 0 !important; /* Rimuove eventuale padding */
				line-height: 0.5 !important;
				}
			
			.h3-footer{
				font-size:18px;
				text-align: center;
				color:white;
			}
			
			.a-footer{
			font-size:15px;
			}
			
			.span-footer-coranto{
			font-size:13px;
			}